<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>UNTITLED</title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script src="js/bootstrap.js"></script>
</head>
<body>

	<h1>H1. Heading 1</h1>
	<h2>H2. Heading 2</h2>
	<h3>H3. Heading 3</h3>
	<h4>H4. Heading 4</h4>
	<h5>H5. Heading 5</h5>
	<h6>H6. Heading 7</h6>
	<h1>Emphasis, address, and abbreviation</h1>

	<p>
		<a href="#">Fusce dapibus</a>, <strong>tellus ac cursus
			commodo</strong>, <em>tortor mauris condimentum nibh</em>, ut fermentum massa
		justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae
		elit libero, a pharetra augue.
	</p>
	<address>
		<strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br>
		San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123)
		456-7890
	</address>
	<address>
		<strong>Full Name</strong><br> <a href="mailto:#">first.last@gmail.com</a>
	</address>
	<h1>Blockqoutes</h1>
	<blockquote>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
			Integer posuere erat a ante venenatis.</p>
		<small>Someone famous in <cite title="">Body of work</cite></small>
	</blockquote>
	<blockquote class="pull-right">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
			Integer posuere erat a ante venenatis.</p>
		<small>Someone famous in <cite title="">Body of work</cite></small>
	</blockquote>
	<h1>Lists</h1>

	<h3>Unordered</h3>
	<ul>
		<li>Lorem ipsum dolor sit amet</li>
		<li>Consectetur adipiscing elit</li>
		<li>Integer molestie lorem at massa</li>
		<li>Facilisis in pretium nisl aliquet</li>
		<li>Nulla volutpat aliquam velit
			<ul>
				<li>Phasellus iaculis neque</li>
				<li>Purus sodales ultricies</li>
				<li>Vestibulum laoreet porttitor sem</li>
				<li>Ac tristique libero volutpat at</li>
			</ul>
		</li>
		<li>Faucibus porta lacus fringilla vel</li>
		<li>Aenean sit amet erat nunc</li>
		<li>Eget porttitor lorem</li>
	</ul>
	<h3>Unstyled</h3>
	<ul class="unstyled">
		<li>Lorem ipsum dolor sit amet</li>
		<li>Consectetur adipiscing elit</li>
		<li>Integer molestie lorem at massa</li>
		<li>Facilisis in pretium nisl aliquet</li>
		<li>Nulla volutpat aliquam velit
			<ul>
				<li>Phasellus iaculis neque</li>
				<li>Purus sodales ultricies</li>
				<li>Vestibulum laoreet porttitor sem</li>
				<li>Ac tristique libero volutpat at</li>
			</ul>
		</li>
		<li>Faucibus porta lacus fringilla vel</li>
		<li>Aenean sit amet erat nunc</li>
		<li>Eget porttitor lorem</li>
	</ul>
	<h3>Ordered</h3>
	<ol>
		<li>Lorem ipsum dolor sit amet</li>
		<li>Consectetur adipiscing elit</li>
		<li>Integer molestie lorem at massa</li>
		<li>Facilisis in pretium nisl aliquet</li>
		<li>Nulla volutpat aliquam velit</li>
		<li>Faucibus porta lacus fringilla vel</li>
		<li>Aenean sit amet erat nunc</li>
		<li>Eget porttitor lorem</li>
	</ol>
	<h3>Description</h3>
	<dl>
		<dt>Description lists</dt>
		<dd>A description list is perfect for defining terms.</dd>
		<dt>Euismod</dt>
		<dd>Vestibulum id ligula porta felis euismod semper eget lacinia
			odio sem nec elit.</dd>
		<dd>Donec id elit non mi porta gravida at eget metus.</dd>
		<dt>Malesuada porta</dt>
		<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
	</dl>
	<h1>Code</h1>
	<h3>Basic block</h3>
	<pre>&lt;p&gt;Sample text here...&lt;/p&gt;
</pre>
	<h3>Google Prettify</h3>
	<pre class="prettyprint linenums" style="margin-bottom: 9px;">
		<ol class="linenums">
			<li class="L0"><span class="tag">&lt;p&gt;</span><span
				class="pln">Sample text here...</span><span class="tag">&lt;/p&gt;</span></li>
		</ol>
	</pre>
</body>
</html>